<style lang="scss" scoped>
g {
    &.replica {
        path {
            fill: #7dd012;
        }
    }
    &.primary {
        path {
            fill: #eb5757;
        }
    }
    &.green-arrow {
        path {
            stroke: #7dd012;
        }
    }
    &.red-arrow {
        path {
            stroke: #eb5757;
        }
    }
}
</style>

<template>
    <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g class="primary">
            <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M8.26119 11.0898C8.26119 11.1766 8.23339 11.2615 8.18049 11.3436C8.12459 11.4301 8.04069 11.5136 7.93189 11.5929C7.82519 11.6708 7.69449 11.7448 7.54269 11.8139C7.54229 11.6358 7.54179 11.4759 7.54149 11.3387C7.54079 11.1041 7.54039 10.9361 7.54039 10.8572V10.3687C7.02979 9.9332 5.43599 9.6935 4.09169 9.6935C2.74735 9.6935 1.27918 9.9387 0.72886 10.3661V10.8718C0.72886 10.9928 0.72822 11.3398 0.72729 11.8178C0.57177 11.7476 0.4381 11.6723 0.32934 11.5929C0.22224 11.5148 0.1393 11.4327 0.0834403 11.3476C0.0287303 11.2643 0 11.1781 0 11.0898V10.5499V10.286C0 9.5777 1.85017 9 4.13059 9C6.41109 9 8.26119 9.5777 8.26119 10.286V10.5499V11.0898ZM0.72606 12.4498C0.64375 12.4193 0.56416 12.3874 0.48752 12.354C0.3077 12.2756 0.14413 12.1891 0 12.0945V12.9V13.3631V13.5498V13.903C0 14.0814 0.11734 14.2515 0.32934 14.4061C0.43693 14.4846 0.56889 14.5591 0.72226 14.6288C0.72335 13.8758 0.72479 13.1016 0.72606 12.4498ZM0.72143 15.2613C0.72084 15.7686 0.72051 16.2458 0.7206 16.6447C1.62729 17.2472 3.50368 17.316 4.09169 17.316C4.67879 17.316 6.62359 17.2794 7.53469 16.6447C7.53869 16.2225 7.54139 15.7494 7.54299 15.2601C7.81519 15.1587 8.05759 15.0414 8.26119 14.9077V15.7132V16.3629V16.7162C8.26119 17.4245 6.41109 18.0022 4.13059 18.0022C1.85017 18.0022 0 17.4245 0 16.7162V16.363V15.7132V14.9077C0.20441 15.0419 0.44791 15.1596 0.72143 15.2613ZM7.54459 14.6262C7.54589 13.8606 7.54519 13.0917 7.54399 12.4465C7.62429 12.4166 7.70199 12.3853 7.77689 12.3526C7.95549 12.2746 8.11799 12.1886 8.26119 12.0945V12.9V13.3631V13.5498V13.903C8.26119 14.0814 8.14389 14.2515 7.93189 14.4061C7.82559 14.4837 7.69559 14.5573 7.54459 14.6262Z"
            />
            <path
                d="M4.31667 14.295H3.43292V13.6334H4.31667C4.43717 13.6334 4.53477 13.6131 4.60967 13.5724C4.68457 13.5317 4.73907 13.4755 4.77327 13.4039C4.80907 13.3307 4.82697 13.2485 4.82697 13.1573C4.82697 13.0597 4.80907 12.9694 4.77327 12.8864C4.73907 12.8033 4.68457 12.7366 4.60967 12.6862C4.53477 12.6341 4.43717 12.608 4.31667 12.608H3.75517V15.5011H2.89825V11.9464H4.31667C4.60157 11.9464 4.84647 11.9985 5.05157 12.1027C5.25827 12.2068 5.41697 12.3501 5.52767 12.5323C5.63827 12.713 5.69367 12.9197 5.69367 13.1525C5.69367 13.382 5.63827 13.5822 5.52767 13.7531C5.41697 13.924 5.25827 14.0574 5.05157 14.1534C4.84647 14.2478 4.60157 14.295 4.31667 14.295Z"
            />
        </g>
        <g class="replica">
            <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M18.2612 2.08979C18.2612 2.17662 18.2334 2.26148 18.1805 2.34356C18.1246 2.43011 18.0407 2.51356 17.9319 2.59294C17.8252 2.6708 17.6945 2.74475 17.5427 2.81388C17.5423 2.63575 17.5418 2.47586 17.5415 2.33872C17.5408 2.10411 17.5404 1.93608 17.5404 1.85723V1.36872C17.0298 0.93322 15.436 0.69349 14.0917 0.69349C12.7474 0.69349 11.2792 0.93868 10.7289 1.36607V1.87185C10.7289 1.99281 10.7282 2.33982 10.7273 2.81784C10.5718 2.74758 10.4381 2.67229 10.3294 2.59295C10.2223 2.51481 10.1393 2.43274 10.0835 2.34764C10.0287 2.2643 9.99997 2.17806 9.99997 2.08979V1.54989V1.28603C9.99997 0.57771 11.8502 0 14.1306 0C16.4111 0 18.2612 0.57771 18.2612 1.28603V1.5499V2.08979ZM10.7261 3.44981C10.6438 3.41931 10.5642 3.38737 10.4875 3.35396C10.3077 3.27558 10.1441 3.18915 9.99997 3.0945V3.90004V4.3631V4.5498V4.903C9.99997 5.0814 10.1173 5.2515 10.3294 5.4061C10.4369 5.4846 10.5689 5.5591 10.7223 5.6288C10.7234 4.8758 10.7248 4.1016 10.7261 3.44981ZM10.7214 6.2613C10.7209 6.7686 10.7205 7.2458 10.7206 7.6447C11.6273 8.2472 13.5037 8.316 14.0917 8.316C14.6788 8.316 16.6236 8.2794 17.5347 7.6447C17.5387 7.2225 17.5414 6.7494 17.543 6.2601C17.8152 6.1587 18.0576 6.0414 18.2612 5.9077V6.7132V7.3629V7.7162C18.2612 8.4245 16.4111 9.0022 14.1306 9.0022C11.8502 9.0022 9.99997 8.4245 9.99997 7.7162V7.363V6.7132V5.9077C10.2044 6.0419 10.4479 6.1596 10.7214 6.2613ZM17.5446 5.6262C17.5459 4.8606 17.5452 4.0917 17.544 3.44652C17.6243 3.4166 17.702 3.38528 17.7769 3.35258C17.9555 3.27456 18.118 3.18859 18.2612 3.0945V3.90004V4.3631V4.5498V4.903C18.2612 5.0814 18.1439 5.2515 17.9319 5.4061C17.8256 5.4837 17.6956 5.5573 17.5446 5.6262Z"
            />
            <path
                d="M12.9625 2.61308H14.3614C14.6349 2.61308 14.8725 2.65377 15.0743 2.73515C15.2761 2.81653 15.4316 2.93697 15.5406 3.09648C15.6513 3.25598 15.7066 3.45292 15.7066 3.6873C15.7066 3.89075 15.6749 4.0608 15.6114 4.1976C15.548 4.3343 15.4592 4.4474 15.3453 4.5369C15.233 4.6248 15.102 4.6972 14.9522 4.7542L14.6715 4.9129H13.4972L13.4923 4.2513H14.3614C14.4705 4.2513 14.5608 4.2317 14.6324 4.1927C14.704 4.1536 14.7577 4.0983 14.7936 4.0267C14.831 3.95341 14.8497 3.86634 14.8497 3.76542C14.8497 3.66289 14.831 3.57499 14.7936 3.50175C14.7561 3.42851 14.7008 3.37236 14.6275 3.3333C14.5559 3.29423 14.4672 3.2747 14.3614 3.2747H13.8194V6.1678H12.9625V2.61308ZM14.9083 6.1678L14.1222 4.5955L15.0304 4.5906L15.8263 6.1311V6.1678H14.9083Z"
            />
        </g>
        <g class="red-arrow">
            <path
                d="M15.801 12.6803L14.1199 11.0011L12.4388 12.6803"
                stroke-width="1"
                stroke-linecap="round"
                stroke-linejoin="round"
            />
            <path
                d="M10.6307 15.9497C12.5582 15.9497 14.1199 14.5756 14.1199 12.4605V11.0011"
                stroke-width="1"
                stroke-linecap="round"
                stroke-linejoin="round"
            />
        </g>
        <g class="green-arrow">
            <path
                d="M3.06965 5.31113L4.75075 6.99033L6.43185 5.31113"
                stroke-width="1"
                stroke-linecap="round"
                stroke-linejoin="round"
            />
            <path
                d="M8.16026 1.96063C6.23276 1.96063 4.67106 3.33473 4.67106 5.44983V6.90923"
                stroke-width="1"
                stroke-linecap="round"
                stroke-linejoin="round"
            />
        </g>
    </svg>
</template>
